<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>我的代言</title>
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" href="../../css/aui-flex.css">
    <link rel="stylesheet" href="../../css/main.css">
    <link rel="stylesheet" href="./css/my_daiYan_detail.css">

    <script type="text/javascript" src="../../js/base.js"></script>
</head>
<body>
<!--<header class="aui-bar aui-bar-nav aui-bar-top">-->
    <!--<a class="aui-pull-left aui-btn " href="../my_center.html">-->
        <!--<span class="aui-iconfont aui-icon-left"></span>-->
    <!--</a>-->
    <!--<div class="aui-title">我的代言</div>-->
<!--</header>-->
<section id="app" v-cloak>
    <div  class="aui-flex-item-12 aui-padded-l-10 aui-margin-t-15 my_daiYan_tit">
        <div class="aui-flex-col">
            <div class="aui-flex-item-3 aui-padded-10" style="position: relative;">
                <img src="../../images/1.png" class="aui-img-round aui-list-img-sm">
            </div>
            <div class="aui-flex-item-3 aui-padded-10 aui-border-r">
                <div class="aui-text-success">小普</div>
            </div>
            <div class="aui-flex-item-6 aui-padded-10 ">
                <div class="aui-flex-row">
                    <div class="aui-flex-item-12">
                        参与人数 <span class="aui-text-danger aui-margin-l-15">00</span>
                    </div>
                    <div class="aui-flex-item-12">
                        已获佣金 <span  class="aui-text-danger  aui-margin-l-15">￥0000.00</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="aui-flex-row aui-flex-item-12 content">
        <div class="aui-flex-item-12">
            <img src="../../icon/3-3/daiyan.png" style="width:8rem;border-radius: 100%" alt="">
        </div>
        <div class="aui-felx-item-12">
        <div>您还没有好友购买哦～</div>
        <div>点击上方二维码分享购买</div>
    </div>
    </div>

    <div v-if="navigator && navigator.onLine === false" style="position:relative;" @click="goOnLine()">
        <div style="position:absolute;top:50%;left:50%;margin-top:0rem;margin-left: -3rem">
            <img src="../../icon/duanwang.png" alt="" style="width:6rem">
            <div class="aui-text-center aui-margin-t-15">暂无网络</div>
        </div>

        <div  class="aui-text-center textCol" style="position:absolute;top:50%;left:50%;margin-top:8rem;margin-left: -86px">请连接网络后,点击刷新</div>
    </div>

</section>

<script type="text/javascript" src="../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../js/api.js"></script>
<!--<script type="text/javascript" src="../../js/aui-tab.js"></script>-->
<script type="text/javascript" src="../../js/aui-toast.js"></script>
<script type="text/javascript" src="../../js/vue.min.js"></script>
<script type="text/javascript" src="./js/my_daiYan_detail.js" ></script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="../../js/weixin.js" ></script>

</body>
</html>